<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - 百度作业</title>
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度前端训练营</title>
    </head><link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<div id="div01">
  <img id="img02" src="image/icon.png" alt="百度小程序">
  <div id="div09">
    <span class="span">开发文档</span>
    <span class="span">交流中心</span>
    <span class="span">服务市场</span>
    <span class="span">开源联盟</span>
    <span id="span1">管理中心</span>
  </div>
</div>
<div id="div02">
  <img id="img03" src="image/bg_photo.png" alt="俯瞰曼哈顿" onclick=hide_all()>
  <span>百度前端训练营2021开营了，赶紧报名吧!</span>
</div>
<div id="div03" >
  <div id="div04" >
    <div id="div05" >
      <div id="div07">
        <h2 style="text-align:left; padding-left: 500px;" >我们的宗旨</h2>
      </div>
      <br>
      <div id="div06">
        <div id="div08">
          <span style="font-size: 20px;">自律独立思考</span>
          <br>
          <img class="img" src="image/phoro_zilv.png" alt="自律独立思考">
        </div>
        <div id="div08">
          <span style="font-size: 20px;">实践</span>
          <br>
          <img class="img" src="image/photo_happy.png" alt="实践">
        </div>
        <div id="div08">
          <span style="font-size: 20px;">总结回顾</span>
          <br>
          <img class="img" src="image/photo_zongjie.png" alt="总结回顾">
        </div>
        <div id="div08">
          <span style="font-size: 20px;" >分享交流</span>
          <br>
          <img class="img" src="image/photo_fenxiang.png" alt="分享交流">
        </div>
        <div id="div15_clone"></div>
        <!--用于叠加boxshadow效果-->

        <div id="div15">

          <div id='block_span'>您已完成报名，开始您的学习之旅吧</div>
          <button id='re_sign' onclick=show_sign_in()>重新报名</button>

          <span id='input_school'>请输入学校:</span>
          <br>
          <!-- <div id="selection_school"> -->
          <button id="button1" onmouseover=school()>选中示例大学</button>
          <div id="button1-content">
            <!--控制学校方块总块-->
            <div id="province">

              <button id="jiangxi_b" onclick=show_university(1) onmouseover=show_university(1)>江西省</button>
              <button id="hubei_b" onclick=show_university(2) onmouseover=show_university(2)>湖北省</button>
              <button id="hunan_b" onclick=show_university(3) onmouseover=show_university(3)>湖南省</button>
              <button id="guangdong_b" onclick=show_university(4) onmouseover=show_university(4)>广东省</button>
              <button id="jiangsu_b" onclick=show_university(5) onmouseover=show_university(5)>江苏省</button>
              <button id="shanxi_b" onclick=show_university(6) onmouseover=show_university(6)>陕西省</button>
              <button id="A_b" onclick=show_university(7) onmouseover=show_university(7)>A省</button>
              <button id="B_b" onclick=show_university(8) onmouseover=show_university(8)>B省</button>
              <button id="C_b" onclick=show_university(9) onmouseover=show_university(9)>C省</button>
              <button id="D_b" onclick=show_university(10) onmouseover=show_university(10)>D省</button>

            </div>

            <div>
              <div id="jiangxi-universities">
                <button onclick=replace_school_text('江西师范大学')>江西师范大学</button>
                <button onclick=replace_school_text('南昌大学')>南昌大学</button>
                <button onclick=replace_school_text('华东交通大学')>华东交通大学</button>
                <button onclick=replace_school_text('江西财经大学')>江西财经大学</button>
                <button onclick=replace_school_text('南昌航空大学')>南昌航空大学</button>
                <button onclick=replace_school_text('江西师范大学')>江西师范大学</button>
                <button onclick=replace_school_text('江西理工大学')>江西理工大学</button>
                <button onclick=replace_school_text('东华理工大学')>东华理工大学</button>
                <button onclick=replace_school_text('江西科技师范大学')>江西科技师范大学</button>
                <button onclick=replace_school_text('江西农业大学')>江西农业大学</button>
                <button onclick=replace_school_text('赣南师范大学')>赣南师范大学</button>
                <button onclick=replace_school_text('井冈山大学')>井冈山大学</button>
              </div>
              <div id="hubei-universities">
                <button onclick=replace_school_text('华中科技大学')>华中科技大学</button>
                <button onclick=replace_school_text('武汉大学')>武汉大学</button>
                <button onclick=replace_school_text('华中农业大学')>华中农业大学</button>
                <button onclick=replace_school_text('华中师范大学')>华中师范大学</button>
                <button onclick=replace_school_text('武汉理工大学')>武汉理工大学</button>
                <button onclick=replace_school_text('中南财经政法大学')>中南财经政法大学</button>
                <button onclick=replace_school_text('中国地质大学')>中国地质大学（武汉）</button>
                <button onclick=replace_school_text('武汉科技大学')>武汉科技大学</button>
                <button onclick=replace_school_text('中南民族大学')>中南民族大学</button>
                <button onclick=replace_school_text('湖北大学')>湖北大学</button>
                <button onclick=replace_school_text('中南民族大学')>中南民族大学</button>
                <button onclick=replace_school_text('三峡大学')>三峡大学</button>
              </div>
              <div id="hunan-universities">
                <button onclick=replace_school_text('国防科学技术大学')>国防科学技术大学</button>
                <button onclick=replace_school_text('中南大学')>中南大学</button>
                <button onclick=replace_school_text('湖南大学')>湖南大学</button>
                <button onclick=replace_school_text('湖南师范大学')>湖南师范大学</button>
                <button onclick=replace_school_text('湘潭大学')>湘潭大学</button>
                <button onclick=replace_school_text('中南林业科技大学')>中南林业科技大学</button>
                <button onclick=replace_school_text('湖南农业大学')>湖南农业大学</button>
                <button onclick=replace_school_text('湖南中医药大学')>湖南中医药大学</button>
                <button onclick=replace_school_text('长沙理工大学')>长沙理工大学</button>
                <button onclick=replace_school_text('南华大学')>南华大学</button>
                <button onclick=replace_school_text('湖南科技大学')>湖南科技大学</button>
                <button onclick=replace_school_text('湖南工业大学')>湖南工业大学</button>
              </div>
              <div id="guangdong-universities">
                <button onclick=replace_school_text('中山大学')>中山大学</button>
                <button onclick=replace_school_text('华南理工大学')>华南理工大学</button>
                <button onclick=replace_school_text('汕头大学')>汕头大学</button>
                <button onclick=replace_school_text('华南理工大学')>华南理工大学</button>
                <button onclick=replace_school_text('华南农业大学')>华南农业大学</button>
                <button onclick=replace_school_text('广东海洋大学')>广东海洋大学</button>
                <button onclick=replace_school_text('广州医科大学')>广州医科大学</button>
                <button onclick=replace_school_text('华南师范大学')>华南师范大学</button>
                <button onclick=replace_school_text('广州中医药大学')>广州中医药大学</button>
                <button onclick=replace_school_text('深圳大学')>深圳大学</button>
                <button onclick=replace_school_text('南方科技大学')>南方科技大学</button>
                <button onclick=replace_school_text('广东医科大学')>广东医科大学</button>
              </div>
              <div id="jiangsu-universities">
                <button onclick=replace_school_text('南京大学')>南京大学</button>
                <button onclick=replace_school_text('苏州大学')>苏州大学</button>
                <button onclick=replace_school_text('扬州大学')>扬州大学</button>
                <button onclick=replace_school_text('东南大学')>东南大学</button>
                <button onclick=replace_school_text('江南大学')>江南大学</button>
                <button onclick=replace_school_text('河海大学')>河海大学</button>
                <button onclick=replace_school_text('南京师范大学')>南京师范大学</button>
                <button onclick=replace_school_text('南京理工大学')>南京理工大学</button>
                <button onclick=replace_school_text('南京财经大学')>南京财经大学</button>
                <button onclick=replace_school_text('南京航空航天大学')>南京航空航天大学</button>
                <button onclick=replace_school_text('南京审计大学')>南京审计大学</button>
                <button onclick=replace_school_text('南通大学')>南通大学</button>
              </div>
              <div id="shanxi-universities">
                <button onclick=replace_school_text('长安大学')>长安大学</l>
                  <button onclick=replace_school_text('西安交通大学')>西安交通大学</button>
                  <button onclick=replace_school_text('西安电子科技大学')>西安电子科技大学</button>
                  <button onclick=replace_school_text('西北工业大学')>西北工业大学</button>
                  <button onclick=replace_school_text('西北大学')>西北大学</button>
                  <button onclick=replace_school_text('西北农林大学')>西北农林大学</button>
                  <button onclick=replace_school_text('陕西师范大学')>陕西师范大学</button>
                  <button onclick=replace_school_text('江西师范大学')>江西师范大学</button>
                  <button onclick=replace_school_text('西安理工大学')>西安理工大学</button>
                  <button onclick=replace_school_text('西安科技大学')>西安科技大学</button>
                  <button onclick=replace_school_text('西安工业大学')>西安工业大学</button>
                  <button onclick=replace_school_text('西安石油大学')>西安石油大学</button>
              </div>
              <div id="default-universities">
                <button onclick=replace_school_text('A大学')>A大学</l>
                  <button onclick=replace_school_text('B大学')>B大学</button>
                  <button onclick=replace_school_text('C大学')>C大学</button>
                  <button onclick=replace_school_text('D大学')>D大学</button>
                  <button onclick=replace_school_text('E大学')>E大学</button>
                  <button onclick=replace_school_text('F大学')>F大学</button>
                  <button onclick=replace_school_text('G大学')>G大学</button>
                  <button onclick=replace_school_text('H大学')>H大学</button>
                  <button onclick=replace_school_text('I大学')>I大学</button>
                  <button onclick=replace_school_text('J大学')>J大学</button>
                  <button onclick=replace_school_text('K大学')>K学</button>
                  <button onclick=replace_school_text('L大学')>L大学</button>
                  <button onclick=replace_school_text('M大学')>M大学</button>
                  <button onclick=replace_school_text('N大学')>N大学</button>
                  <button onclick=replace_school_text('O大学')>O大学</button>
                  <button onclick=replace_school_text('P大学')>P大学</button>
                  <button onclick=replace_school_text('Q大学')>Q大学</button>
                  <button onclick=replace_school_text('R大学')>R大学</button>
                  <button onclick=replace_school_text('S大学')>S大学</button>
                  <button onclick=replace_school_text('T大学')>T大学</button>
              </div>
            </div>
          </div>
          <!-- </div> -->
          <span id="span01">请输入学年份:</span>
          <br>
          <!-- <div id="dropdown_school"> -->
          <button id="button2" onmouseover=show_year()>20xx</button>
          <div style="display: none" id="button2-content">
            <ul>
              <li id='2010' onclick=replace_text(this.id)>2010</li>
              <li id='2011' onclick=replace_text(this.id)>2011</li>
              <li id='2012' onclick=replace_text(this.id)>2012</li>
            </ul>
            <ul>
              <li id='2013' onclick=replace_text(this.id)>2013</li>
              <li id='2014' onclick=replace_text(this.id)>2014</li>
              <li id='2015' onclick=replace_text(this.id)>2015</li>
            </ul>
            <ul>
              <li id='2016' onclick=replace_text(this.id)>2016</li>
              <li id='2017' onclick=replace_text(this.id)>2017</li>
              <li id='2018' onclick=replace_text(this.id)>2018</li>
            </ul>
            <ul>
              <li id='2019' onclick=replace_text(this.id)>2019</li>
              <li id='2020' onclick=replace_text(this.id)>2020</li>
              <li id='2021' onclick=replace_text(this.id)>2021</li>
            </ul>
          </div>
          <!-- </div> -->
          <span id="span02">请输入您的电子邮箱:</span>
          <br>
          <input type="email" id="input3" onclick=hide_all() placeholder="例如host@hotmail.com">
          <button id="div_baoming" onclick=is_leagal()>
            <span>报名</span>
          </button>

          <div id='tip_box'>
            <span id='success_box' style="display: none">恭喜您，来自选中示例大学xx级的xx同学，您的报名信息已经记录，请关注您的邮件</span>

            <span id='failed_box' style="display: none;background-color: red;">邮件地址不符合要求/学校不符合要求/入学年份不符合要求，请重新输入</span>
          </div>

        </div>

        <div id="div11" >
          <span id="span2" style="padding-left: 700px;">课程安排</span>
        </div>

        
        <div id="js_switch" style="float: right;"> 

          <div id="selected1"></div>
          <div id="selected2"></div>
          <div id="selected3"></div>
          <div id="selected4"></div>

          <!--切换条-->
          <span id="all_class" onclick=handle_selected(this.id) onmouseover=show_select_bar("selected1")>全部</span>
          <span id="all_HTML" onclick=handle_selected(this.id) onmouseover=show_select_bar("selected2")>HTML</span>
          <span id="all_CSS" onclick=handle_selected(this.id) onmouseover=show_select_bar("selected3")>CSS</span>
          <span id="all_JavaScript" onclick=handle_selected(this.id) onmouseover=show_select_bar("selected4")>JavaScript</span>
        </div>

        <div id="class_arrange" class = "outside_box">
          <div id="css_class" class = "css_all_class">
            <div id="css_class1" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                
                <p class = "class_headline">第一课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="css_tag_format">css</button>
                
              </div>
            </div>
            
           <div id="css_class2" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                <p class = "class_headline">第二课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="css_tag_format">css</button>
                
              </div>
            </div>
           <div id="css_class3" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                <p class = "class_headline">第三课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="css_tag_format">css</button>
                
              </div>
            </div>
            
            
            <div id="css_class4" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                <p class = "class_headline">第四课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="css_tag_format">css</button>
                
              </div>
            </div>
            
            
            <div id="css_class5" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                <p class = "class_headline">第五课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="css_tag_format">css</button>
                
              </div>
            </div>
            
            
            <div id="css_class6" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                <p class = "class_headline">第六课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="css_tag_format">css</button>
                
              </div>
            </div>
            
            
          

          </div>
          
          
          <div id="html_class" class = "html_all_class">
            <div id="html_class1" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                
                <p class = "class_headline">第一课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="html_tag_format">html</button>
                
              </div>
            </div>
            
           <div id="html_class2" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                <p class = "class_headline">第二课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="html_tag_format">html</button>
                
              </div>
            </div>
           <div id="html_class3" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                <p class = "class_headline">第三课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="html_tag_format">html</button>
                
              </div>
            </div>
            
            
            <div id="html_class4" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                <p class = "class_headline">第四课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="html_tag_format">html</button>
                
              </div>
            </div>
            
            
            <div id="html_class5" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                <p class = "class_headline">第五课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="html_tag_format">html</button>
                
              </div>
            </div>
            
            
            <div id="html_class6" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                <p class = "class_headline">第六课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="html_tag_format">html</button>
                
              </div>
            </div>  
          </div>
          
          
          <div id="JavaScript_class" class = "JavaScript_all_class">
            <div id="JavaScript_class1" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                
                <p class = "class_headline">第一课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="javascript_tag_format">JavaScript</button>
                
              </div>
            </div>
            
           <div id="JavaScript_class2" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                <p class = "class_headline">第二课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="javascript_tag_format">JavaScript</button>
                
              </div>
            </div>
           <div id="JavaScript_class3" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                <p class = "class_headline">第三课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="javascript_tag_format">JavaScript</button>
                
              </div>
            </div>
            
            
            <div id="JavaScript_class4" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                <p class = "class_headline">第四课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="javascript_tag_format">JavaScript</button>
                
              </div>
            </div>
            
            
            <div id="JavaScript_class5" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                <p class = "class_headline">第五课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="javascript_tag_format">JavaScript</button>
                
              </div>
            </div>
            
            
            <div id="JavaScript_class6" class="p_div">
              <img id="img01" src="image/shuaige.png" alt="上课" class = "img_format">
              <div>
                <p class = "class_headline">第六课 这里是课程名字</p>
                <p>这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要，这里是课程的概要。               </p>
                <button class="javascript_tag_format">JavaScript</button>
                
              </div>
            </div>
            
            
          

          </div>
          
          
          <div id="div_background" class = "div_bottom_background">
            <div class="divx" class = "round_lay_format">
              <div class = "round_format"><span>I</span></div>
              <div class = "round_format"><span>F</span></div>
              <div class = "round_format"><span>E</span></div>
              
              <div id = "link_bottom1" class = "ul_format">
              <ul><span>Links</span>
                <li>百度技术培训中心</li>
                <li>百度技术</li>
                <li>技术培训中心</li>
                <li>百度技术培训中心</li>
                <li>百度技术</li>
              </ul>
                </div>
              
              <div id = "link_bottom2" class = "ul_format">
              <ul><span>Links</span>
                <li>百度技术培训中心</li>
                <li>百度技术</li>
                <li>技术培训中心</li>
                <li>百度技术培训中心</li>
                <li>百度技术</li>
              </ul>
                </div>
              <div id = "link_bottom3" class = "ul_format">
              <ul><span>Links</span>
                <li>百度技术培训中心</li>
                <li>百度技术</li>
                <li>技术培训中心</li>
                <li>百度技术培训中心</li>
                <li>百度技术</li>
              </ul>
                
               </div>
            </div>

          

          </div>
          
        </div>

          

        </div>
      </div>
    </div>
<!-- partial -->
  <script  src="./script.js"></script>

</body>
</html>
